<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.pppCls{
				height: 100px;
				background-color: aliceblue;
			}
		</style>
		<script type="text/javascript">
			function asd(){
				/* var div =  document.createElement("div");
				var textNode = document.createTextNode("444");
				//追加父元素离去
				div.appendChild(textNode);
				document.getElementById("ppp").appendChild(div);
				document.getElementById("ppp").insertBefore(div,document.createElement("div2")) */
				
				// var pp =  document.getElementById("ppp").cloneNode(true);
				// document.body.appendChild(pp);
				
				
				document.getElementById("ppp").innerHTML += "<div>666</div>";
				
				
			}
			function zxc(){
				/* document.getElementById("ppp").removeChild(document.getElementById("div2")); */
				document.getElementById("div2").remove();
			
			}
			function mnb(){
				// document.forms[0].setAttribute("action","b.jsp");
				// console.log(document.forms[0].getAttribute("action"));
				
				document.forms[0].action = "b.jsp"
				CollectGarbage(doc.)
			}
		</script>
	</head>
	<body>
		<div id="ppp" class="pppCls">
			<div>1111</div><div id="div2">222</div><div id="div3">333</div>
		</div>
		<form action="" method="">
			<!-- 注释 -->
			<input>
		</form>
		<script type="text/javascript">
			var o = document.forms[0].parentNode;
			console.log(o);
		</script>
		<input type="button" value="创建" onclick="asd()"/>
		<input type="button" value="删除" onclick="zxc()"/>
		<input type="button" value="属性测试" onclick="mnb()"/>
	</body>
</html>
